<!DOCTYPE html>
<html lang="ko">
<head>
    <title>ggugi.com Episode#My Paper</title>
    <meta content="text/html; charset=euc-kr" http-equiv="content-type" />
    <link rel="shortcut icon" href="/image/ggugi.ico" />
    <link href="/common/css/map.css" rel="stylesheet" type="text/css"/>
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=ko&region=GB"></script>
    <script>
        var is_mobile=0;
        var agent = navigator.userAgent;
            if (agent.match(/iPhone/) != null || agent.match(/iPod/) != null) {
                document.write('<meta name="viewport" content="minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0,user-scalable=no" />');
                is_mobile =1;
            }else if(agent.match(/Mobile/)){
                document.write('<meta name="viewport" content="minimum-scale=0.75,maximum-scale=0.75,initial-scale=0.75,user-scalable=no" />');
                is_mobile =1;
            }

    </script>



</head>
<body bgcolor="#ffffff">

<div id="map_base"></div>

</body>
    <script>
     var MAP = {
        coords	: {
            latitude	: 37.49218809036796,
            longitude	: -233.01258759006214
        },
        $mapBase   : $("#map_base"),

        init    : function(){
            var self = this;
            self.setSize();
            self.setBind();
        },
        
        setBind    : function(){
            var self = this;    
            var oMapCenter = new google.maps.LatLng(self.coords.latitude , self.coords.longitude);
            self._MAP = new google.maps.Map(document.getElementById("map_base"), {
              zoom: 10,
              center: oMapCenter,
              mapTypeId: google.maps.MapTypeId.ROADMAP 
            });
            self.poly = new google.maps.Polyline({
                strokeColor	: '#f00',
                strokeOpacity	: 0.5,
                strokeWeight	: 2
            })
            self.poly.setMap(self._MAP);
                
        },
        setSize	: function(){
            var self = this;
            var full_height = $(document).height();
            var full_width = $(document).width();

            console.log(full_height);

            self.$mapBase.css({"height" : full_height + "px"});
        }
     }


     $(function(){
        MAP.init();
     });


    </script>
</html>
